<template>
  <div class="about-us">
    <h2 class="title">关于识货</h2>
    <div class="content">
      <p class="description">
        识货是一家专门做折扣商品导购的网站，致力于为广大用户提供专业的网购决策指导，为喜欢追求性价比的网购用户带来及时动静的运动、潮流、生活、时尚等网购优惠资讯，产品覆盖国内外主流购物商城。
      </p>
      <div class="section">
        <h3>网站简介：</h3>
        <p>
          识货是上海识数信息科技有限公司旗下专门服务于潮流购物平台的网站，成立于2012年6月，成立初期主要为用户提供折扣、正品运动鞋服导购，对于市场上热门的运动鞋都会进行评测，把最实在的运动装备推荐给爱好者。经过2年多的发展，识货扩了提供运动装备导购，还提供包括生活电器、服装、食品、家居等全品类优惠信息导购，2014年3月，随着识货海淘频道的上线，识货把海外生活购物的优质价廉商品也开始推荐给网购用户，并且为各类体验海淘的用户提供会员代购服务，深受欢迎。至此，识货全面覆盖国内外主流购物商城折扣商品导购。
        </p>
      </div>
      <div class="section">
        <h3>发展历程：</h3>
        <a-timeline>
          <a-timeline-item>2012年6月 - 识货正式成立</a-timeline-item>
          <a-timeline-item>2014年3月 - 海淘频道上线</a-timeline-item>
          <a-timeline-item>2014年4月 - 移动端APP上线</a-timeline-item>
          <a-timeline-item>2023年至今 - 持续为用户提供优质服务</a-timeline-item>
        </a-timeline>
      </div>
    </div>
  </div>
</template>

<style scoped>
.about-us {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
  color: #333;
}

.content {
  line-height: 1.8;
}

.description {
  font-size: 16px;
  color: #666;
  margin-bottom: 32px;
}

.section {
  margin-bottom: 32px;
}

.section h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  color: #333;
}

:deep(.ant-timeline) {
  color: #666;
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
  .title {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .description {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .section h3 {
    font-size: 16px;
  }
}

/* 大屏幕优化 */
@media screen and (min-width: 1920px) {
  .about-us {
    max-width: 1400px;
  }

  .title {
    font-size: 28px;
  }

  .description {
    font-size: 18px;
  }
}
</style>
